<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <title>Extracting files - {{data.filename}}</title>
</head>
<style>
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fcfcfc;
    /*overflow: hidden;*/
}
.btn-success:hover {
    color: #fff;
    background-color: #10952a;
    border-color: #398439;
}

.btn-success {
    display: inline-block;
    padding: 7px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #fff;
    background-color: #20a53a;
    border-color: #20a53a;
}

.input-text {
    border: 1px solid #ccc;
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    border-radius: 4px;
    float: left;
    margin-right: 5px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.div-center {
    width: 80%;
    margin: 0 auto;
    max-width:1080px;
    position: relative;
    top: 5%;
    margin-bottom: 5%;
    z-index: 999;
    transition: all 500ms;
}
.mobile-view .div-center{
    width: 100%;
    top: 0;
    overflow: hidden;
}
.div-center>table{
    width: 90%;
    margin: 0 auto;
    margin-top: 5%;
}
td {
    text-align: left;
}

.btlink {
	color: #20a53a
}

.btlink:hover {
	cursor: pointer
}
#btvideo{
    display: inline-block;
    height: 410px;
}
.video-list{
    display: inline-block;
    width: 250px;
    height: 410px;
    transition: all 500ms;
    position: absolute;
    /*overflow: auto;*/
}
.video-list .video-avt{
    background-color: #e8e8e8;
}
.movie_pay .layui-layer-content{
    overflow: hidden !important;
}
.video-list .video-avt td a,
.video-list .video-avt td{
    color: #20a53a;
}
.video-list tr td{
    border-top: 0px;
    border-bottom: 1px solid #ddd;
}
.video-list tr:hover{
    cursor: pointer;
}
#btvideo video{
    outline: none;
    padding: 0;
    display: block;
    background-color: #000;
    transition: all 500ms;
}
.divtable .table {
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	margin-bottom: 0;
}
.divtable{
	position: relative;
}
.table-fixed-box{
	overflow-y:auto;
}
.ui-selectable{
	padding-bottom: 0;
}

.divtable .table thead th {
	vertical-align: inherit;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e6e6e6;
	color: #666;
	font-weight: normal;
	padding: 8px
}
.divtable .table_toolbar{
    left: 8px;
    bottom: 6px;
    position: absolute;
}
.video-list td span{
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.play_title{
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ececec;
    border: 1px solid #d0d0d0cc;
}
.play_content{
    overflow: auto;
    height: 410px;
    border-top: 1px solid #ececec;
    background: #fff;
}
.play_item{
    border-bottom: 1px solid #ececec;
    padding: 10px;
    font-size: 13px;
    color: #555;
}
.mobile-view .play_item .play_item_filename{
    width: 70%;
}
.play_item .play_item_filename{
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
}
.play_item span{
    cursor: pointer;
}
.play_item .play_item_size{
    width: 83px;
    display: inline-block;
    text-align: right;
}
.play_item.active{
    background: #ececec;
    color: #20a53a;
}
.shrink_play_list{
    padding: 15px 5px 12px 5px;
    line-height: 15px;
    text-align: center;
    background: #fff;
    position: absolute;
    border: 1px solid #d6d6d6;
    width: 30px;
    font-size: 12px;
    color: #666;
    left: -30px;
    top: 50%;
    margin-top: -75px;
    cursor: pointer;
    display: none;
    border: 1px solid #ececec;
    border-radius: 2px;
}
.play_item:hover{
    background-color: #f3f3f3;
}
.file-down-header{
    height: 60px;
    line-height: 60px;
    padding: 0 25px ;
    color: #fff;
    background: #20a53a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.mobile-view .file-down-header{
    padding:  0 3%;
}
.mobile-view .file-down-header .file-name{
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-name{
    font-size: 14px;
    display: inline-block;
}
.file-validity-time{
    font-size: 14px;
    display: inline-block;
    float: right;
}
.mobile-view .file-validity-time{
    width: 50%;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    
    text-overflow: ellipsis;
    padding: 0 15px;
}
.file_content_two{
    padding: 4rem 12rem 12rem;
    border:1px solid #ececec;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    background: #fff;
}
.file_content_two form{
    display: inline-block;
    position: relative;
    width: 450px;
    
}
.file_content_two input{
    width: 270px;
    margin-right: 15px;
    outline: none;
    border-radius: 2px;
    padding-left: 10px;
    font-size: 16px;
    height: 45px;
    
}
.mobile-view .content_box{
    padding: 0 10%;
}
@media screen and (max-width: 500px) {
    .mobile-view .content_box{
        padding: 0;
        left: 7%;
        margin-left: 0;
    }
}
.mobile-view .file_content_two{
    padding-top: 50%;
    border: none;
}
.mobile-view .file_content_two input{
    width: 45%;
    margin-right: 5px;
}
.file_content_two button{
    outline: none;
    height: 45px;
    padding: 7px 20px;
    font-size: 16px;
}
.file_content_two span{
    display: inline-block;
    width: 100%;
    color: #333;
    margin-bottom: 15px;
    font-size: 14px;
}
.content_box{
    position:absolute;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -70px;
}
.bg_update_images{
    width: 100%;
    height: 151px;
    text-align: center;
    margin-bottom: 20px;
}
.again_down_file{
    color: #666;
    font-size: 15px;
}
.file_content_one{
    padding: 25px;
    border: 1px solid #ececec;
}
.mobile-view .file_content_one{
    padding: 2%;
    border: none;
}
.mobile-view .file_dir_menu{
    overflow: auto;
    white-space: nowrap;
}
.file_content_one .file_dir_menu,
.file_content_one .file_dir_menu li{
    list-style: none;
}
.file_content_one .file_dir_menu span{
    color: rgb(102, 102, 102);;
}
.file_content_one table thead th{
    padding: 15px 8px 15px 5px !important;
}
.file_content_one table tbody{
    color: #666;
    font-size: 13px;
    border-bottom: 1px solid #f5f5f5;
}
.file_content_one table tbody td{
    padding: 12px 8px 12px 5px !important;
    cursor: pointer;
}

.file_content_one table tbody td{
    border-top: 1px solid #eee !important;
}
.file_content_one table tbody tr:hover{
    background-color: #f9f9f9;
}
.file_dir_menu{
    margin: 0;
    padding-left: 5px;
    font-size: 14px;
}
.file_dir_menu li{
    display: inline-block;
    
}
.file_dir_menu li{
    margin: 8px 0;
}
.file_dir_menu li a{
    color: #20a53a;
}
.file_dir_menu li i{
    font-style: none;
    margin:0 5px;
}
.file_content_one table tbody tr td a,
.file_content_one table tbody tr td span{
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.file_content_one table{
    margin:0;
}
.list-list .ico-json {
    background-image: url('');
}
.list-list .ico-folder {
	background-image: url("")
}

.list-list .ico-folder-unempty {
	background-image: url("")
}

.list-list .ico-access,
.list-list .ico-mdb,
.list-list .ico-accdb,
.list-list .ico-db,
.list-list .ico-sql {
	background-image: url("")
}

.list-list .ico-c {
	background-image: url("")
}

.list-list .ico-cpp {
	background-image: url("")
}

.list-list .ico-cs {
	background-image: url("")
}

.list-list .ico-fla,
.list-list .ico-flv {
	background-image: url("")
}

.list-list .ico-css {
	background-image: url("")
}

.list-list .ico-js {
	background-image: url("")
}

.list-list .ico-htm {
	background-image: url("")
}

.list-list .ico-html {
	background-image: url("")
}

.list-list .ico-java {
	background-image: url("")
}

.list-list .ico-log {
	background-image: url("")
}

.list-list .ico-mht {
	background-image: url("")
}

.list-list .ico-php {
	background-image: url("")
}

.list-list .ico-url {
	background-image: url("")
}

.list-list .ico-xml {
	background-image: url("")
}

.list-list .ico-ai {
	background-image: url("")
}

.list-list .ico-bmp {
	background-image: url("")
}

.list-list .ico-cdr {
	background-image: url("")
}

.list-list .ico-gif {
	background-image: url("")
}

.list-list .ico-ico {
	background-image: url("")
}

.list-list .ico-jpeg {
	background-image: url("")
}

.list-list .ico-jpg,
.list-list .ico-JPG {
	background-image: url("")
}

.list-list .ico-png {
	background-image: url("")
}

.list-list .ico-psd {
	background-image: url("")
}

.list-list .ico-webp {
	background-image: url("")
}

.list-list .ico-ape {
	background-image: url("")
}

.list-list .ico-avi {
	background-image: url("")
}

.list-list .ico-flv {
	background-image: url("")
}

.list-list .ico-mkv {
	background-image: url("")
}

.list-list .ico-mov {
	background-image: url("")
}

.list-list .ico-mp3 {
	background-image: url("")
}

.list-list .ico-mp4 {
	background-image: url("")
}

.list-list .ico-mpeg {
	background-image: url("")
}

.list-list .ico-mpg {
	background-image: url("")
}

.list-list .ico-rm {
	background-image: url("")
}

.list-list .ico-rmvb {
	background-image: url("")
}

.list-list .ico-swf {
	background-image: url("")
}

.list-list .ico-wav {
	background-image: url("")
}

.list-list .ico-webm {
	background-image: url("")
}

.list-list .ico-wma {
	background-image: url("")
}

.list-list .ico-wmv {
	background-image: url("")
}

.list-list .ico-doc,
.list-list .ico-docm,
.list-list .ico-dotx,
.list-list .ico-dotm,
.list-list .ico-dot,
.list-list .ico-rtf {
	background-image: url("")
}

.list-list .ico-docx {
	background-image: url("")
}

.list-list .ico-pdf,
.list-list .ico-fdf {
	background-image: url("")
}

.list-list .ico-ppt,
.list-list .ico-pptm,
.list-list .ico-pot,
.list-list .ico-potm {
	background-image: url("")
}

.list-list .ico-pptx {
	background-image: url("")
}

.list-list .ico-txt {
	background-image: url("")
}

.list-list .ico-xls,
.list-list .ico-csv,
.list-list .ico-xlsm,
.list-list .ico-xlsb {
	background-image: url("")
}

.list-list .ico-xlsx {
	background-image: url("")
}

.list-list .ico-7z {
	background-image: url("")
}

.list-list .ico-cab {
	background-image: url("")
}

.list-list .ico-iso {
	background-image: url("")
}

.list-list .ico-rar {
	background-image: url("")
}

.list-list .ico-zip {
	background-image: url("")
}

.list-list .ico-gz, .list-list .ico-bz2 {
    background-image: url("")
}

.list-list .ico-bt {
	background-image: url("")
}

.list-list .ico-file {
	background-image: url("")
}

.list-list .ico-apk {
	background-image: url("")
}

.fileList .ico-bookfolder {
	background-image: url("")
}

.fileList .ico-folder {
	background-image: url("")
}

.fileList .ico-folder-empty {
	background-image: url("")
}

.fileList .ico-folder-unempty {
	background-image: url("")
}

.fileList .ico-fromchromefolder {
	background-image: url("")
}

.fileList .ico-documentfolder {
	background-image: url("")
}

.fileList .ico-fromphonefolder {
	background-image: url("")
}

.fileList .ico-mix {
	background-image: url("")
}

.fileList .ico-musicfolder {
	background-image: url("")
}

.fileList .ico-picturefolder {
	background-image: url("")
}

.fileList .ico-videofolder {
	background-image: url("")
}

.fileList .ico-sefolder {
	background-image: url("")
}

.fileList .ico-access,
.fileList .ico-mdb,
.fileList .ico-accdb,
.fileList .ico-sql,
.fileList .ico-db {
	background-image: url("../img/ico/ico-access.png")
}

.fileList .ico-c {
	background-image: url("../img/ico/ico-c.png")
}

.fileList .ico-cpp {
	background-image: url("../img/ico/ico-cpp.png")
}

.fileList .ico-cs {
	background-image: url("../img/ico/ico-cs.png")
}

.fileList .ico-js {
	background-image: url("../img/ico/ico-js.png")
}

.fileList .ico-fla,
.fileList .ico-flv {
	background-image: url("")
}

.fileList .ico-htm {
	background-image: url("../img/ico/ico-htm.png")
}

.fileList .ico-html {
	background-image: url("../img/ico/ico-html.png")
}

.fileList .ico-java {
	background-image: url("../img/ico/ico-java.png")
}

.fileList .ico-log {
	background-image: url("")
}

.fileList .ico-mht {
	background-image: url("../img/ico/ico-mht.png")
}

.fileList .ico-php {
	background-image: url("../img/ico/ico-php.png")
}

.fileList .ico-url {
	background-image: url("../img/ico/ico-url.png")
}

.fileList .ico-xml {
	background-image: url("../img/ico/ico-xml.png")
}

.fileList .ico-ai {
	background-image: url("")
}

.fileList .ico-bmp {
	background-image: url("../img/ico/ico-bmp.png")
}

.fileList .ico-cdr {
	background-image: url("../img/ico/ico-cdr.png")
}

.fileList .ico-gif {
	background-image: url("../img/ico/ico-gif.png")
}

.fileList .ico-ico {
	background-image: url("")
}

.fileList .ico-jpeg {
	background-image: url("../img/ico/ico-jpeg.png")
}

.fileList .ico-jpg,
.fileList .ico-JPG {
	background-image: url("../img/ico/ico-jpg.png")
}

.fileList .ico-png {
	background-image: url("../img/ico/ico-png.png")
}

.fileList .ico-psd {
	background-image: url("../img/ico/ico-psd.png")
}

.fileList .ico-webp {
	background-image: url("../img/ico/ico-webp.png")
}

.fileList .ico-ape {
	background-image: url("")
}

.fileList .ico-avi {
	background-image: url("../img/ico/ico-avi.png")
}

.fileList .ico-flv {
	background-image: url("../img/ico/ico-flv.png")
}

.fileList .ico-mkv {
	background-image: url("../img/ico/ico-mkv.png")
}

.fileList .ico-mov {
	background-image: url("../img/ico/ico-mov.png")
}

.fileList .ico-mp3 {
	background-image: url("")
}

.fileList .ico-mp4 {
	background-image: url("../img/ico/ico-mp4.png")
}

.fileList .ico-mpeg {
	background-image: url("../img/ico/ico-mpeg.png")
}

.fileList .ico-mpg {
	background-image: url("../img/ico/ico-mpg.png")
}

.fileList .ico-rm {
	background-image: url("../img/ico/ico-rm.png")
}

.fileList .ico-rmvb {
	background-image: url("../img/ico/ico-rmvb.png")
}

.fileList .ico-swf {
	background-image: url("../img/ico/ico-swf.png")
}

.fileList .ico-wav {
	background-image: url("")
}

.fileList .ico-webm {
	background-image: url("../img/ico/ico-webm.png")
}

.fileList .ico-wma {
	background-image: url("../img/ico/ico-wma.png")
}

.fileList .ico-wmv {
	background-image: url("../img/ico/ico-wmv.png")
}

.fileList .ico-doc,
.fileList .ico-docm,
.fileList .ico-dotx,
.fileList .ico-dotm,
.fileList .ico-dot,
.fileList .ico-rtf {
	background-image: url("../img/ico/ico-doc.png")
}

.fileList .ico-docx {
	background-image: url("../img/ico/ico-docx.png")
}

.fileList .ico-pdf,
.fileList .ico-fdf {
	background-image: url("../img/ico/ico-pdf.png")
}

.fileList .ico-ppt,
.fileList .ico-pptm,
.fileList .ico-pot,
.fileList .ico-potm {
	background-image: url("")
}

.fileList .ico-pptx {
	background-image: url("../img/ico/ico-pptx.png")
}

.fileList .ico-txt {
	background-image: url("")
}

.fileList .ico-xls,
.fileList .ico-csv,
.fileList .ico-xlsm,
.fileList .ico-xlsb {
	background-image: url("../img/ico/ico-xls.png")
}

.fileList .ico-xlsx {
	background-image: url("../img/ico/ico-xlsx.png")
}

.fileList .ico-7z {
	background-image: url("")
}

.fileList .ico-gz {
	background-image: url("")
}

.fileList .ico-cab {
	background-image: url("")
}

.fileList .ico-iso {
	background-image: url("")
}

.fileList .ico-rar {
	background-image: url("")
}

.fileList .ico-zip {
	background-image: url("")
}

.fileList .ico-bt {
	background-image: url("../img/ico/ico-bt.png")
}

.fileList .ico-file {
	background-image: url("")
}

.fileList .ico-apk {
	background-image: url("../img/ico/ico-apk.png")
}

.fileList .ico-css {
	background-image: url("../img/ico/ico-css.png")
}
.list-list .ico-file {
	background-image: url("")
}

.list-list .ico {
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	margin-right: 10px;
	width: 33px;
	z-index: 1;
	float: left
}

.fileList .ico {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	margin: 12px auto 4px;
	width: 84px;
	z-index: 1
}

.file_content_one .fileName{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


</style>
<style id="auto_table_style" type="text/css">.file_content_one .fileName{width:10px}</style>
<script type="text/javascript">
    function isMobile(){ //判断是否为移动端
    	if( navigator.userAgent.match(/Android/i)
    		|| navigator.userAgent.match(/webOS/i)
    		|| navigator.userAgent.match(/iPhone/i)
    		|| navigator.userAgent.match(/iPad/i)
    		|| navigator.userAgent.match(/iPod/i)
    		|| navigator.userAgent.match(/BlackBerry/i)
    		|| navigator.userAgent.match(/Windows Phone/i)
    	)return true;
    	return false;
    }
    document.getElementsByTagName('html')[0].className = isMobile()?'mobile-view':'';
</script>
<body>
    <script src="/static/js/jquery-1.10.2.min.js"></script>
    <!--<ul class="bg-bubbles"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul>-->
    <div class="div-center">
        <div class="file-down-header">
            <div class="file-name">Share file [ <span style="font-size:14px;">{{data.filename}} </span> ]</div>
            <div class="file-validity-time">Term of validity：{{data.expire}}</div>
        </div>
        {% if not data['PATH'] %}
        <script src="/static/layer/layer.js"></script>
        <div class="file_content_two">
            <div class="content_box">
                <span>Enter the extraction password:</span>
                <form action="" data-url="/down/{{data.token}}" method="POST">
                    <input class="input-text" name="file_password" id="file_password" type="text"/>
                    <button class="btn-success " type="button" onclick="return submit_pass();">Extract file</button>
                </form>
            </div>
        </div>
        {% else %}
            <link href="/static/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" />
            <script src="/static/js/jquery-1.10.2.min.js"></script>
            <script src="/static/layer/layer.js"></script>
            <div class="file_content_one">
                <ul class="file_dir_menu" style="display:none">
                    <li><span>All files</span></li>
                </ul>
                <div class="list-list" style="overflow:auto;width:100%">
                    <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>File name</th>
                            <th width="120px">Site</th>
                            <th width="90px">opt</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for d in data['DIR'] %}
                        {% set d = d.split(';') %}
                        <tr>
                            <td><span class="ico ico-folder"></span><span class="fileName" title="{{d[0]}}">{{d[0]}}</span></td>
                            <td><span>{{to_size(d[1])}}</span></td>
                            <td><a class="btlink" href="/down/{{data.token}}?fname={{data['to_path']}}/{{d[0]}}">Open</a></td>
                        </tr>
                    {% endfor %}
                    {% for d in data['FILES'] %}
                        {% set d = d.split(';') %}
                        <tr>
                            <td><span class="ico ico-{{ d[0].split('.')[-1]  }}"></span><span title="{{d[0]}}" class="fileName">{{d[0]}}</span></td>
                            <td><span>{{to_size(d[1])}}</span></td>
                            <td>
                                {% if d[0].split('.')[-1].lower() in ['avi','mp4','mkv','mpeg','webm','3gp'] %}
                                    <a class="btlink" onclick="get_play('{{d[0]}}')">Play</a> | 
                                {% elif d[0].split('.')[-1].lower() in ['jpg', 'jpeg', 'png', 'bmp', 'gif', 'tiff', 'ico'] %}
                                    <a class="btlink" onclick="get_image('{{data['to_path']}}/{{d[0]}}')">Preview</a> | 
                                {% endif %}
                                    <a class="btlink" href="/down/{{data.token}}?fname={{data['to_path']}}/{{d[0]}}">Download</a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                </div>
                
            </div>
        {% endif %}
    </div>
    <script type="text/html" id="down_template">
        <div class="bg_update_images"><svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="164px" height="151px" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1 0 0 1 -596 -401 )"><path d="M 124.28125 136.548828125  C 125.529647435897 135.303602430556  126.153846153846 133.828993055556  126.153846153846 132.125  C 126.153846153846 130.421006944444  125.529647435897 128.946397569444  124.28125 127.701171875  C 123.032852564103 126.455946180556  121.554487179487 125.833333333333  119.846153846154 125.833333333333  C 118.137820512821 125.833333333333  116.659455128205 126.455946180556  115.411057692308 127.701171875  C 114.16266025641 128.946397569444  113.538461538462 130.421006944444  113.538461538462 132.125  C 113.538461538462 133.828993055556  114.16266025641 135.303602430556  115.411057692308 136.548828125  C 116.659455128205 137.794053819444  118.137820512821 138.416666666667  119.846153846154 138.416666666667  C 121.554487179487 138.416666666667  123.032852564103 137.794053819444  124.28125 136.548828125  Z M 149.512019230769 136.548828125  C 150.760416666667 135.303602430556  151.384615384615 133.828993055556  151.384615384615 132.125  C 151.384615384615 130.421006944444  150.760416666667 128.946397569444  149.512019230769 127.701171875  C 148.263621794872 126.455946180556  146.785256410256 125.833333333333  145.076923076923 125.833333333333  C 143.36858974359 125.833333333333  141.890224358974 126.455946180556  140.641826923077 127.701171875  C 139.39342948718 128.946397569444  138.769230769231 130.421006944444  138.769230769231 132.125  C 138.769230769231 133.828993055556  139.39342948718 135.303602430556  140.641826923077 136.548828125  C 141.890224358974 137.794053819444  143.36858974359 138.416666666667  145.076923076923 138.416666666667  C 146.785256410256 138.416666666667  148.263621794872 137.794053819444  149.512019230769 136.548828125  Z M 161.240384615385 103.419270833333  C 163.080128205128 105.254340277778  164 107.482638888889  164 110.104166666667  L 164 141.5625  C 164 144.184027777778  163.080128205128 146.412326388889  161.240384615385 148.247395833333  C 159.400641025641 150.082465277778  157.166666666667 151  154.538461538462 151  L 9.46153846153846 151  C 6.83333333333333 151  4.59935897435898 150.082465277778  2.75961538461538 148.247395833333  C 0.919871794871795 146.412326388889  0 144.184027777778  0 141.5625  L 0 110.104166666667  C 0 107.482638888889  0.919871794871795 105.254340277778  2.75961538461538 103.419270833333  C 4.59935897435898 101.584201388889  6.83333333333333 100.666666666667  9.46153846153846 100  L 55.2908653846154 100  L 68.5961538461539 114.036458333333  C 72.4070512820513 117.706597222222  76.875 119.541666666667  82 119.541666666667  C 87.125 119.541666666667  91.5929487179487 117.706597222222  95.4038461538462 114.036458333333  L 108.807692307692 100  L 154.538461538462 100  C 157.166666666667 100.666666666667  159.400641025641 101.584201388889  161.240384615385 103.419270833333  Z M 126.153846153846 51  C 128.913461538462 50.3333333333333  130.851762820513 51.611328125  131.96875 54.1673177083333  C 133.085737179487 56.8543836805556  132.625801282051 59.1482204861111  130.588942307692 61.048828125  L 86.4350961538462 105.090494791667  C 85.2524038461538 106.335720486111  83.7740384615385 106.958333333333  82 106.958333333333  C 80.2259615384615 106.958333333333  78.7475961538461 106.335720486111  77.5649038461539 105.090494791667  L 33.4110576923077 61.048828125  C 31.3741987179487 59.1482204861111  30.9142628205128 56.8543836805556  32.03125 54.1673177083333  C 33.1482371794872 51.611328125  35.0865384615385 50.3333333333333  37.8461538461538 51  L 63 51  L 63 6.29166666666666  C 63.0769230769231 4.58767361111109  63.7011217948718 3.11306423611109  64.9495192307692 1.86783854166666  C 66.1979166666667 0.622612847222232  67.6762820512821 0  69.3846153846154 0  L 94.6153846153846 0  C 96.323717948718 0  97.8020833333333 0.622612847222232  99.0504807692308 1.86783854166666  C 100.298878205128 3.11306423611109  100.923076923077 4.58767361111109  101 6.29166666666666  L 101 51  L 126.153846153846 51  Z " fill-rule="nonzero" fill="#4ac365" stroke="none" transform="matrix(1 0 0 1 596 401 )" /></g></svg></div><div class="again_down_file">File downloaded, if no response, pleaase<a href="javascript:;" class="btlink" onclick="$('.file_content_two button').click()">Re-Download</div></div>
    </script>
</body>
<script type="text/javascript">
    window.isMobile = isMobile();
    function auto_file_one(){
        if ($('.file_content_one table th:nth-child(1)').length==0)  return false;
        var fileName =  $('.file_content_one table th:nth-child(1)')[0].clientWidth - 75;
        var text = $('#auto_table_style').html();
        text = text.replace(/(width:([0-9])*[a-zA-Z]{2})/,'width:'+fileName+'px')
        $('#auto_table_style').html(text);
    }
    $(document).ready(function(){
        var html = ''
        var search = "{{data['to_path']}}";
        if(search.length > 1 && search.indexOf('/') !== 0) search = '/' + search;
        if(search == '/'){
            html = '';
        }else if(search.indexOf('/') != -1){
            if(!search.indexOf('/') == 0) search = '/'+search
            var arry = search.split('/'),new_href= window.location.origin + window.location.pathname;
            
            for(var i = 0;i<arry.length;i++){
                if(i == ''){
                    html+='<li><a href="'+ new_href + ('?fname=/') +'">All files</a><i>></i></li>'+'';
                }else if(arry.length-1 == i){
                    html+='<li><span>'+ arry[i] +'</span></li>';
                }else{
                    html+='<li><a href="'+ new_href + ('?fname='+back_file_dir(search,i)) +'">'+ arry[i] +'</a><i>></i></li>';
                }
            }
        }
        $('.file_dir_menu').html(html).show();
        $(window).resize(function(){
           auto_file_one()
        });
        auto_file_one();
    })
    function isMobile(){ //判断是否为移动端
    	if( navigator.userAgent.match(/Android/i)
    		|| navigator.userAgent.match(/webOS/i)
    		|| navigator.userAgent.match(/iPhone/i)
    		|| navigator.userAgent.match(/iPad/i)
    		|| navigator.userAgent.match(/iPod/i)
    		|| navigator.userAgent.match(/BlackBerry/i)
    		|| navigator.userAgent.match(/Windows Phone/i)
    	)return true;
    	return false;
    }
    function back_file_dir(path,index){
        var arry = path.split('/'),new_arry = [];
        for(var i = 0;i<arry.length;i++){
            new_arry.push(arry[i]);
            if(i== index) break;
        }
        return new_arry.join('/');
    }
    $('.file_content_one table tr').dblclick(function(){
        var that = this,text = $(this).find('td:last-child').find('a');
        if(text.attr('onclick')){
            new Function(text.attr('onclick'))()
        }else if(text.attr('href').indexOf('?fname=') != -1){
            window.location.href = text.attr('href');
        }
    });
    function submit_pass(){
        var file_password = document.getElementById("file_password").value,
            url = $(this).parent().attr('data-url');
        if(file_password.length < 4){
            alert("Incorrect password length!");
            return false;
        }
        $.post(url, {file_password:file_password},function (res) {
            if (res.status==false){
                alert(res.msg);
                return false;
            } 
            $('.file_content_two').css('padding',"8rem 12rem 12rem").find('.content_box').hide();
            //layer.msg('Getting file information, please wait...',{icon:16,time:1000});
            if($('.file_content_two').find('.bg_update_images').length == 0) $('.file_content_two').append(down_template.innerHTML);
            setTimeout(function(){
                window.location.reload();
            },1000);
            return true;
        });
    }

    function ToSize(a) {
        var d = [" B", " KB", " MB", " GB", " TB", " PB"];
        var e = 1024;
        for(var b = 0; b < d.length; b++) {
            if(a < e) {
                return(b == 0 ? a : a.toFixed(2)) + d[b]
            }
            a /= e
        }
    }


    function play_file(obj,filename) {
        var imgUrl = "/down/{{data.token}}?fname={{data['to_path']}}/"+filename+'&play=true' //'/download?filename=' + filename + '&play=true';
        var video = $("#btvideo video");
        console.log(video.attr('width'),video.attr('height'))
        var v = $('<video  controls="controls" playsinlin webkit-playsinline poster="" preload="auto" x5-playsinline=true  x5-video-player-type="h5" x5-video-player-fullscreen=true autoplay="autoplay" width="'+ video.width() +'" height="'+ video.height() +'">\
                        <source src="' + imgUrl +'"  type="video/mp4">\
                            Your browser does not support Video Tags.\
                        </video>').css({'width':video.width(),'height':video.height()})
        $("#btvideo").empty().append(v);
        var p_tmp = filename.split('/')
        $(".btvideo-title").html(p_tmp[p_tmp.length-1]);
        $(obj).addClass('active').siblings().removeClass('active');
    }

    function get_play(fileName) {
        var old_filename = fileName,
            imgUrl = "/down/{{data.token}}?fname={{data['to_path']}}/"+fileName+'&play=true',
            p_tmp = fileName.split('/'),
            path = p_tmp.slice(0, p_tmp.length - 1).join('/'),
            area = [];
        if(isMobile){
            area = ['100%','100%'];
        }else{
            area = ["890px","452px"];
        }
        layer.open({
            type: 1,
            maxmin:true,
            closeBtn: 1,
            title: 'Playing [<span class="btvideo-title">' + p_tmp[p_tmp.length-1] + '</span>]',
            area: area,
            skin:'movie_pay'+ (isMobile?' mobile-view':''),
            shadeClose: false, 
            content: '<div id="btvideo"><video type="" src="' + imgUrl + '&play=true" playsinlin webkit-playsinline poster="" preload="auto" x5-playsinline=true  x5-video-player-type="h5" x5-video-player-fullscreen=true controls="controls" autoplay="autoplay" width="'+(isMobile?'100%':'640') +'" height="'+(isMobile?'50%':'410') +'">Your browser does not support Video Tags.</video></div><div class="video-list" style="right:0"></div>',
            success: function (layers,index) {
                if(!isMobile){
                    $('.video-list').on('click','.shrink_play_list',function(e){
                        if($(this).attr('data-shrink') == '1'){
                            $(this).attr('data-shrink',0)
                            $('.video-list').css('right','-250px');
                            $('#btvideo video').width($(layers).find('.layui-layer-content').width());
                            $('.shrink_play_list').html('List down <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>');
                        }else{
                            $(this).attr('data-shrink',1)
                            $('.video-list').css('right','0');
                            $('#btvideo video').width($(layers).find('.layui-layer-content').width()-250);
                             $('.shrink_play_list').html('List up <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>');
                        }
                    }); 
                    $('.movie_pay .layui-layer-content').hover(function(e){
                        $('.shrink_play_list').fadeIn();
                    },function(){
                        $('.shrink_play_list').fadeOut();
                        $(this).unbind('mousemove');
                    });
                }else{
                    $('#btvideo').css({'height':'auto','display':'block'});
                    $('.video-list').css('width','100%','display','block');
                    
                }
                $.get('/down/{{data.token}}', { fname: "{{data['to_path']}}", play:"true"}, function (rdata) {
                    var video_list = '<div class="shrink_play_list" data-shrink="1" style="display:block">List up <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></div><div class="play_content" >';
                    for (var i = 0; i < rdata.length; i++) {
                        var filename = path + '/' + rdata[i].name;
                        video_list += '<div class="play_item ' + ((filename=== '/'+old_filename) ? 'active' :'')+'" onclick="play_file(this,\'' + filename + '\')">\
                            <span class="play_item_filename" title="file: ' + filename + '\ntype: ' + rdata[i].type + '" >'+ rdata[i].name +'</span>\
                            <span class="play_item_size">' + ToSize(rdata[i].size) + '</span>\
                        </div>'
                    }
                    video_list += '</div>';
                    $('.video-list').html(video_list);
                    if(isMobile) $('.play_content').height($(window).height() - $('#btvideo').height() - 45);
                });
            },
            full:function(layers){
                if(!isMobile){
                    set_layer_video(layers)
                    $(window).resize(function(){
                        $(window).height();
                        $(layers).css({'top':0,'left':0,'width':$(window).width(),'height':$(window).height()});
                        $(layers).find('.layui-layer-content').height($(window).height()-42);
                        set_layer_video(layers)
                    });
                }
            },
            restore:function(layers){
                if(!isMobile){
                    set_layer_video(layers)
                }
            }
        });
    }
    function get_image(fileName){
            var imgUrl = '/down/{{data.token}}?fname=' + fileName;
            var area = [];
            if(isMobile){
                area = ['100%','100%'];
            }else{
                area = '500px';
            }
            layer.open({
                type: 1,
                closeBtn: 1,
                title: 'Preview pictures [ '+fileName+' ]',
                area: area,
                shadeClose: true,
                content: '<div class="showpicdiv"><img width="100%" src="' + imgUrl + '"></div>'
            });
            if(!isMobile) $(".layui-layer").css("top", "30%");
    }
    function set_layer_video(layers){
        var layers_width = $(layers).find('.layui-layer-content').width(),layers_height = $(layers).find('.layui-layer-content').height();
        $(layers).find('video').css({'width':(layers_width - ($(this).attr('data-shrink') == '0'?250:0)),'height':layers_height});
        $(layers).find('#btvideo').height(layers_height);
        $(layers).find('.play_content').height(layers_height);
        $(layers).find('.video-list').height(layers_height);
    }
</script>
</html>